import React from 'react';
import './App.css';
import { useRoutes } from 'react-router-dom';
import { Suspense } from 'react';
import routers from './router';

function App() {
  
// 使用 useRoutes 获取路由组件
const element = useRoutes(routers);
return (
  <div className="App">
    {/* 
      路由组件展示位置 {element}
      Suspense：加载指示器（loading indicator），以防其组件树中的某些子组件尚未具备渲染条件
      fallback 属性值可以是组件 
    */}
    {element}
  </div>
);
}

export default App;
